﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="tintuc_detail.aspx.cs" Inherits="famails.tintuc_detail" MasterPageFile="~/famails.Master" %>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <style>
        .social_blog {
            background: #fff;
            border: 1px solid #eee;
            border-radius: 0px;
            color: #333;
            font-size: 20px;
            -webkit-transition: 0.5s; /* For Safari 3.1 to 6.0 */
            transition: 0.5s;
        }

            .social_blog:hover {
                background: #333;
                color: #fff;
            }
    </style>
        <div class="col-md-1 col-lg-1 hidden-sm hidden-xs"></div>
    <div class="col-md-10 col-lg-10 col-sm-12 col-xs-12">

        <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="padding:0px;">

                <div class="col-md-9 col-lg-9 col-xs-12 col-sm-12" style="padding: 0px; padding-right: 10px;font-family: 'Patrick Hand', cursive !important;">
                    <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="font-weight: bold; padding-bottom: 10px; border-bottom: 2px solid #eee;">
                        <h2 style="color: #000; font-weight: bold;">
                            <asp:Label runat="server" ID="lblTitle"></asp:Label></h2>
                        <small style="color: #ccc;">
                            <asp:Label runat="server" ID="lblCreatDate"></asp:Label></small>
                    </div>
                    <%--<div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="font-weight: bold; font-size: 17px; padding: 0px; padding-top: 5px;text-align:center;">
                        <asp:Image ID="imgNewest" runat="server" style="max-width:100%;visibility:hidden;"/>
                    </div>
                    <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="font-weight: bold; font-size: 17px; padding: 0px; padding-top: 5px;">
                        <asp:Label  runat="server" ID="lblSummary" style="text-align:justify; visibility: hidden"></asp:Label>
                    </div>--%>

                    <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="font-size: 17px; padding: 0px; padding-bottom: 5px; padding-top: 25px; border-bottom: 2px solid #eee;">
                        <asp:Label runat="server" ID="lblContent" style="text-align:justify;"></asp:Label>

                    </div>
                    <%--<div class="col-md-12 col-xs-12 col-lg-12 col-sm-12" style="font-size: 17px; padding: 0px; padding-bottom: 5px; padding-top: 5px; border-bottom: 2px solid #eee;">
                        <div style="padding:5px 10px;border:1px solid #333;float:left;margin:5px;"> Tag 1 </div>
                        <div style="padding:5px 10px;border:1px solid #333;float:left;margin:5px;"> Tag 2 </div>
                        <div style="padding:5px 10px;border:1px solid #333;float:left;margin:5px;"> Tag 3 </div>
                        <div style="padding:5px 10px;border:1px solid #333;float:left;margin:5px;"> Tag 4 </div>
                        <div style="padding:5px 10px;border:1px solid #333;float:left;margin:5px;"> Tag 5 </div>
                        <div style="padding:5px 10px;border:1px solid #333;float:left;margin:5px;"> Tag 6 </div>
                        <div style="padding:5px 10px;border:1px solid #333;float:left;margin:5px;"> Tag 7 </div>

                    </div>--%>
                    <div class="col-md-12" style="font-size: 17px; padding: 0px; padding-bottom: 15px; border-bottom: 2px solid #eee;">

                        <h4>Đánh giá bài viết</h4>
                        <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12" style="padding: 0px; padding-bottom: 10px;">
                            <div class="col-md-4 col-lg-4 col-sm-3 col-xs-3" style="padding-left: 0px;">
                                <a style="text-decoration:none;" data-toggle="modal" data-target="#mylogin">
                                    <div class="form-control" style="text-align: center; background: #f64; color: #fff; font-weight: bold">Đăng nhập</div>
                                </a>
                            </div>
                            
<!-- Modal -->
<div class="modal fade" id="mylogin" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content" style="border-radius:0px;width:400px;">
      <div class="modal-header" style="background:#333;color:#fff;font-weight:bold;">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Đăng nhập hệ thống</h4>
      </div>
      <div class="modal-body">
			<fieldset style="padding:10px;min-width:230px;text-align:left;max-width:300px;margin:auto;">
				<p>
					<label for="login-username">Email</label>
					
                    <input type="text" class="form-control" style="border:1px solid #333;border-radius:0px;"/>
					
				</p>

				<p>
					<label for="login-password">Mật khẩu</label>					
                    <input type="password" class="form-control" style="border:1px solid #333;border-radius:0px;"/					
				</p>
				
				<p> <a href="backend/page/forgotpassword.aspx" style="color:#333;">Quên mật khẩu</a>.</p>
                <div style="color:#333;border-radius:0px;padding:10px;font-size:14px;border:1px solid #333;">
                 Vui lòng sử dụng thông tin đăng ký và thông tin cấu hình tài khoản con để đăng nhặp hệ thống này.
                </div>
			</fieldset>

      </div>
      <div class="modal-footer" style="background:#333;color:#fff;font-weight:bold;padding:10px;">
        <button type="button" style="border:1px solid #fff;color:#fff;font-weight:bold;background:#333;padding:5px 10px;"class="pull-left" data-dismiss="modal">Close</button>
        <button type="button" style="border:1px solid #fff;color:#fff;font-weight:bold;background:#333;padding:5px 10px;" >Đăng nhập</button>
      </div>
    </div>
  </div>
</div>
                            <div class="col-md-4 col-lg-4 col-sm-3 col-xs-3" style="padding-left: 0px;">
                                <a class="ajax register" style="color:#fff;text-decoration:none;" href="Register.aspx?packageId=20">
                                    <div class="form-control" style="text-align: center; background: #f64; color: #fff; font-weight: bold">Đăng Ký</div>
                                </a>
                            </div>
                            <div class="col-md-4 col-lg-4 col-sm-6 col-xs-6" style="padding-left: 0px; line-height: 32px; vertical-align: middle;">
                                Đánh giá : 
                                <i style="color: #fa0; margin-right: 3px;" class="fa fa-star"></i>
                                <i style="color: #fa0; margin-right: 3px;" class="fa fa-star"></i>
                                <i style="color: #fa0; margin-right: 3px;" class="fa fa-star"></i>
                                <i style="color: #fa0; margin-right: 3px;" class="fa fa-star"></i>
                                <i style="color: #fa0; margin-right: 3px;" class="fa fa-star-o"></i>
                            </div>
                        </div>
                        <div class="col-md-12" style="padding: 0px;">
                            <textarea rows="10" class="form-control" placeholder="Nội dung đánh giá"></textarea>
                        </div>
                    </div>
                    <%--<div class="col-md-12" style="font-size: 14px; padding: 0px; padding-bottom: 15px; border-bottom: 2px solid #eee;">

                        <h3>Đánh giá bài viết</h3>
                        <div class="col-md-12" style="padding: 0px; padding-bottom: 10px;">
                            <div>

                                <div class="media" style="border: 1px solid #CCC; padding: 10px;">
                                    <a class="pull-left" href="#">
                                        <img class="media-object img-circle" src="~/img/layout/user-icon.png?w=60" alt="...">
                                    </a>
                                    <div class="media-body">
                                        <h5 class="media-heading">
                                            <strong class="primary-font">Khách</strong> -
                                            <i class="fa fa-clock-o fa-fw"></i>12h30' - 30/02/2014 - <span style="color: #333">
                                                <span class="glyphicon glyphicon-star"></span>
                                                <span class="glyphicon glyphicon-star"></span>
                                                <span class="glyphicon glyphicon-star"></span>
                                                <span class="glyphicon glyphicon-star"></span>
                                                <span class="glyphicon glyphicon-star-empty"></span>
                                            </span>
                                        </h5>
                                        <p style="color: #777;font-size:17px;">Có hai cách để hạnh phúc: Hoặc giảm mong muốn hoặc tăng sự giàu có - thế nào cũng được - kết quả đều giống nhau, và mỗi người phải tự lựa chọn và đi theo cách mình thấy dễ dàng hơn.</p>
                                    </div>
                                </div>
                                <div class="media" style="border: 1px solid #CCC; padding: 10px;">
                                    <a class="pull-left" href="#">
                                        <img class="media-object img-circle" src="~/img/layout/user-icon.png?w=60" alt="...">
                                    </a>
                                    <div class="media-body">
                                        <h5 class="media-heading">
                                            <strong class="primary-font">Khách</strong> -
                                            <i class="fa fa-clock-o fa-fw"></i>12h30' - 30/02/2014 - <span style="color: #333">
                                                <span class="glyphicon glyphicon-star"></span>
                                                <span class="glyphicon glyphicon-star"></span>
                                                <span class="glyphicon glyphicon-star"></span>
                                                <span class="glyphicon glyphicon-star"></span>
                                                <span class="glyphicon glyphicon-star-empty"></span>
                                            </span>
                                        </h5>
                                        <p style="color: #777;font-size:17px;">Có hai cách để hạnh phúc: Hoặc giảm mong muốn hoặc tăng sự giàu có - thế nào cũng được - kết quả đều giống nhau, và mỗi người phải tự lựa chọn và đi theo cách mình thấy dễ dàng hơn.</p>
                                    </div>
                                </div>
                                <div class="media" style="border: 1px solid #CCC; padding: 10px;">
                                    <a class="pull-left" href="#">
                                        <img class="media-object img-circle" src="~/img/layout/user-icon.png?w=60" alt="...">
                                    </a>
                                    <div class="media-body">
                                        <h5 class="media-heading">
                                            <strong class="primary-font">Khách</strong> -
                                            <i class="fa fa-clock-o fa-fw"></i>12h30' - 30/02/2014 - <span style="color: #333">
                                                <span class="glyphicon glyphicon-star"></span>
                                                <span class="glyphicon glyphicon-star"></span>
                                                <span class="glyphicon glyphicon-star"></span>
                                                <span class="glyphicon glyphicon-star"></span>
                                                <span class="glyphicon glyphicon-star-empty"></span>
                                            </span>
                                        </h5>
                                        <p style="color: #777;font-size:17px;">Có hai cách để hạnh phúc: Hoặc giảm mong muốn hoặc tăng sự giàu có - thế nào cũng được - kết quả đều giống nhau, và mỗi người phải tự lựa chọn và đi theo cách mình thấy dễ dàng hơn.</p>
                                    </div>
                                </div>
                                <div class="media" style="border: 1px solid #CCC; padding: 10px;">
                                    <a class="pull-left" href="#">
                                        <img class="media-object img-circle" src="~/img/layout/user-icon.png?w=60" alt="...">
                                    </a>
                                    <div class="media-body">
                                        <h5 class="media-heading">
                                            <strong class="primary-font">Khách</strong> -
                                            <i class="fa fa-clock-o fa-fw"></i>12h30' - 30/02/2014 - <span style="color: #333">
                                                <span class="glyphicon glyphicon-star"></span>
                                                <span class="glyphicon glyphicon-star"></span>
                                                <span class="glyphicon glyphicon-star"></span>
                                                <span class="glyphicon glyphicon-star"></span>
                                                <span class="glyphicon glyphicon-star-empty"></span>
                                            </span>
                                        </h5>
                                        <p style="color: #777;font-size:17px;">Có hai cách để hạnh phúc: Hoặc giảm mong muốn hoặc tăng sự giàu có - thế nào cũng được - kết quả đều giống nhau, và mỗi người phải tự lựa chọn và đi theo cách mình thấy dễ dàng hơn.</p>
                                    </div>
                                </div>
                                <div class="media" style="border: 1px solid #CCC; padding: 10px;">
                                    <a class="pull-left" href="#">
                                        <img class="media-object img-circle" src="~/img/layout/user-icon.png?w=60" alt="...">
                                    </a>
                                    <div class="media-body">
                                        <h5 class="media-heading">
                                            <strong class="primary-font" style="color: #00aa21">Tin cậy</strong> -
                                        <i class="fa fa-clock-o fa-fw"></i>12h30' - 30/02/2014 - <span style="color: #333">
                                            <span class="glyphicon glyphicon-star"></span>
                                            <span class="glyphicon glyphicon-star"></span>
                                            <span class="glyphicon glyphicon-star"></span>
                                            <span class="glyphicon glyphicon-star"></span>
                                            <span class="glyphicon glyphicon-star-empty"></span>
                                        </span>
                                        </h5>
                                        <p style="color: #777;font-size:17px;">Có hai cách để hạnh phúc: Hoặc giảm mong muốn hoặc tăng sự giàu có - thế nào cũng được - kết quả đều giống nhau, và mỗi người phải tự lựa chọn và đi theo cách mình thấy dễ dàng hơn.</p>
                                    </div>

                                </div>
                                <div class="media" style="border: 1px solid #CCC; padding: 10px;">
                                    <a class="pull-left" href="#">
                                        <img class="media-object img-circle" src="~/img/layout/user-icon.png?w=60" alt="...">
                                    </a>
                                    <div class="media-body">
                                        <h5 class="media-heading">
                                            <strong style="color: #d00">Quản lý</strong> -
                                        <i class="fa fa-clock-o fa-fw"></i>12h30' - 30/02/2014 - <span style="color: #333">
                                            <span class="glyphicon glyphicon-star"></span>
                                            <span class="glyphicon glyphicon-star"></span>
                                            <span class="glyphicon glyphicon-star"></span>
                                            <span class="glyphicon glyphicon-star"></span>
                                            <span class="glyphicon glyphicon-star-empty"></span>
                                        </span>
                                        </h5>
                                        <p style="color: #777;font-size:17px;">Có hai cách để hạnh phúc: Hoặc giảm mong muốn hoặc tăng sự giàu có - thế nào cũng được - kết quả đều giống nhau, và mỗi người phải tự lựa chọn và đi theo cách mình thấy dễ dàng hơn.</p>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>--%>

                </div>
                <div class="col-md-3 col-lg-3 hidden-xs hidden-sm" style="padding: 0px;font-family: 'Patrick Hand', cursive !important;">
                    <div class="col-md-12" style="background: #eee; border: 1px solid #eee; padding: 15px; padding-top: 25px; padding-bottom: 25px;">
                        <div style="width: 100%; text-align: center; line-height: 50px; vertical-align: middle; padding-bottom: 10px;">
                            <asp:HyperLink runat="server" ID="lblTopRead1">
                                <asp:Image CssClass="img" runat="server" ID="imgTopRead" Style="width: 100%; max-height: 200px; overflow: hidden;" />
                            </asp:HyperLink>
                        </div>
                        <div style="width: 100%; text-align: left; font-weight: bold; font-size: 12px;">
                            <asp:HyperLink runat="server" ID="lblTopRead"></asp:HyperLink>
                        </div>
                    </div>
                <div class="col-md-12" style="border: 1px solid #eee; margin-top: 10px; padding: 0px;font-family: 'Patrick Hand', cursive !important;">
                    <asp:Repeater runat="server" ID="rptGroup">
                        <ItemTemplate>
                                <div class="col-md-12 form-control" style="background: #333; font-weight: bold; height: 45px; line-height: 35px; vertical-align: middle; border-radius: 0px; color: #fff; border: 1px solid #333;">
                                    <%#Eval("CategoryName") %>
                                    <i style="color: #fff; line-height: 35px; vertical-align: middle;" class="fa fa-circle-o pull-right"></i>
                                </div>
                            <asp:Repeater runat="server" DataSource='<%# bus.GetTopByGroupID(5, Convert.ToInt32(Eval("groupid"))) %>'>
                                <ItemTemplate>
                                    <div class="col-md-12" style="overflow: hidden; padding: 0px; border-bottom: 1px solid #eee; height: 70px; padding: 0px; padding-right: 10px; padding-bottom: 10px;">
                                        <div class="col-md-2" style="text-align: center; font-weight: bold; font-size: 26px; color: #f64; padding: 0px; line-height: 70px; vertical-align: middle;"><%#Eval("STT") %></div>
                                        <div class="col-md-10" style="padding: 0px; padding-top: 6px; height: 38px;vertical-align:text-top ;overflow: hidden; font-size: 12px; font-weight: bold; color: #999;"><a style="text-decoration:none;" href='<%#"tintuc_detail.aspx?id="+Eval("articleid") %> '><%#Eval("title") %></a></div>
                                        <div class="col-md-10" style="padding: 0px; padding-top: 6px; height: 18px; overflow: hidden; font-size: 10px; font-weight: bold; color: #333;text-align:right;"><%#Convert.ToDateTime(Eval("CreateDate")).ToString("dd/MM/yyyy - HH:mm") %></div>
                                    </div>
                                </ItemTemplate>
                            </asp:Repeater>
                        </ItemTemplate>
                    </asp:Repeater>
                </div>

                <div class="col-md-12" style="margin-top: 10px; padding: 0px;">
                    <span class="btn social_blog" style="padding: 10px 20px 10px 20px;"><i class="fa fa-facebook"></i></span>
                    <span class="btn social_blog" style="padding: 10px 17px 10px 17px;"><i class="fa fa-twitter"></i></span>
                    <span class="btn social_blog" style="padding: 10px 16px 10px 16px;"><i class="fa fa-google-plus"></i></span>
                    <span class="btn social_blog" style="padding: 10px 17px 10px 17px;"><i class="fa fa-skype"></i></span>
                    <span class="btn social_blog" style="padding: 10px 17px 10px 17px;"><i class="fa fa-youtube"></i></span>
                </div>
            </div>
            </div>
        </div>
        <div class="col-md-1 col-lg-1 hidden-sm hidden-xs"></div>
    
</asp:Content>
